<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>SpeakHunter</title>
		<link rel="stylesheet" type="text/css" href="css/create/create.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato:regular,regularitalic,italic,bold,bolditalic" />
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
		<script type="text/javascript" src="js/create.js"></script>
	</head>
	<body>
    
		<div class="wrapper">


			<!-- HEADER -->
			
			
			
				<div class="fixed ">				
					
					<!-- Navigation -->
				
					
					<ul id="navigation">						
						<li><a href="cadastro.jsp">Cadastre-se</a></li>
					</ul>
				
				
				</div>
			
			
			
			<!-- CONTENT -->
			
			
			<div id="content" class="clear">
			
			
				<!-- INTRO -->
				
				
				<div class="intro">
                <img src="css/create/assets/logosemfundo.png" align="center"
				width="577" height="166" />
					<h2>Bem Vindos ao SpeakHunter!!</h2>
					<p>O speakHunter é maior catálogo de Professores Particulares do Mundo!!</p>
				</div>
			
			
				<!-- PORTFOLIO -->
				
				
				<ul id="create-filters">
					<li><em>Idioma: &mdash;</em></li>
					<li><a href="#" class="todos">Todos</a></li>
					<li><a href="#" class="portugues">Português</a></li>
					<li><a href="#" class="ingles">Inglês</a></li>
					<li><a href="#" class="espanhol">Espanhol</a></li>
					<li><a href="#" class="frances">Francês</a></li>
				</ul>
				
				
				<ul id="create-portfolio" class="thumbnails clear">
					<li class="portugues">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem1.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
							<span class="new">NEW</span>
						</div>
						<h3><a href="#">Leandro</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="ingles">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="espanhol">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem3.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem4.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="ingles">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="ingles">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="ingles">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="espanhol">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="ingles">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="portugues">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="espanhol">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="ingles">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="portugues">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="espanhol">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="ingles">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="ingles">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="ingles">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="espanhol">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="espanhol">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="portugues">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="espanhol">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="ingles">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
					<li class="frances">
						<div class="post-thumbnail drop-shadow lifted">
							<a href="#"><img src="images/imagem2.jpg" width="225" height="150" alt="Lorem Ipsum Dolor" /></a>
							<ul>
								<li><a href="#">More</a></li>
								<li><a href="#">Go</a></li>
							</ul>
						</div>
						<h3><a href="#">Lorem Ipsum Dolor</a></h3>
						<p class="tags">
							<a href="#">lorem</a>,
							<a href="#">ipsum</a>,
							<a href="#">dolor</a>
						</p>
					</li>
				</ul>
			
			
	</div>
			
			
			<!-- Pagination -->
			
			
			<div id="pagination">
				<div class="fixed clear">
					<span class="pages">1 of 12</span>
					<span class="current">1</span>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">&raquo;</a>
				</div>
			</div>		
			
	
			<!-- FOOTER -->
	
			
			<div id="footer">
				<div class="fixed clear">
			
				
					<!-- SIDEBAR (Footer) -->
				
					
					<ul class="sidebar">
					
					
						
</body>
</html>